<template>
  <div class="home-map">
    <div class="mapBtn">
      <router-link to="existing" replace class="mapBtn-e" active-class="mapBtn-color">现有确诊</router-link>
      <router-link to="total" replace class="mapBtn-e" active-class="mapBtn-color">累计确诊</router-link>
    </div>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  }
}
</script>

<style scoped>
.home-map {
  /* position: relative; */
  width: 100%;
  height: 100%;
}
.mapBtn {
  padding-top: 11px;
  padding-left: 40px;
  width: 100%;
  height: 50px;
  background: #793c3c;
  text-align: left;
  box-sizing: border-box;
  font-size: 40px;
}
.mapBtn-e {
  float: left;
  display: block;
  margin: 0 10px;
  width: 80px;
  height: 28px;
  background: #ddd;
  text-align: center;
  line-height: 2em;
  color: #000;
  font-weight: bold;
}
.mapBtn-color {
  background: #fff
}
.echartsBox {
  position: absolute;
  left: 0; top: 0; bottom: 0; right: 0;
  margin: auto;
  width: 80%;
  height: 80%;
}
</style>
